<?php
defined('_JEXEC') or die;

$showRightColumn	= $this->countModules('midright');
$showLeftColumn	= $this->countModules('midleft');
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<jdoc:include type="head" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noindex,nofollow">
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
<link rel="image_src" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/image/sumitomo.png" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<!-- TEMPLATE INCLUDE FILE -->
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/style.css" rel="stylesheet" type="text/css" />
<!-- MENU -->
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/menu/chromestyle.css" />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/menu/chrome.js"></script>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/slider-fade/style.css">
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/slider-fade/jquery-1.7.1.min.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/slider-fade/jquery-1.3.min.js"></script>
<script type="application/javascript">
    jQuery(document).ready(function($) {				
        $('#banner-fade').bjqs({
            height      : 381,
            width       : 1078,
            responsive  : true
        });
	
	$('#header .menu li.parent').hover(
		function(){
			$(this).find('ul').stop(true, true).slideDown(160);
			$(this).find('ul li ul').css('display', 'none');
		},
		function(){
			$(this).find('ul').stop(true, true).slideUp(160);
		}
	);
	$("#banner").prepend("<span></span>");
	
	$('.next').attr('href', $('.pagination-next a').attr('href'));
	$('.previous').attr('href', $('.pagination-prev a').attr('href'));

    });
</script>

<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/accordion/accordion.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/accordion/jquery.min.js"> </script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/accordion/accordion.js"></script>

</head>
<body oncontextmenu="return false" class="<?php $request = JRequest::get(); if(in_array($request['Itemid'], array(101))) echo "bgHome"; else echo "bgInner"; ?>">
	<div id="wrapper">
	<div id="shadow">    
    <div id="template">
    	        <div id="header">
			
			<jdoc:include type="modules" name="toplogo" />
	
            
            
            <span class="menu">            
                <div class="headerMenu" id="headerMenu">
		    
		    <jdoc:include type="modules" name="mainmenu" />
		    
                    <!--<ul>
                        <li><a href="<?php echo $this->baseurl ?>">Home</a></li> 
                        <li><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/menu/menu-divider-bg.png" /></li>
                        <li><a href="#" rel="aboutus">About Us</a></li> 
                        <li><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/menu/menu-divider-bg.png" /></li>                                         
                        <li><a href="#" rel="ourbusiness">Our Business</a></li>    
                        <li><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/menu/menu-divider-bg.png" /></li>                                     
                        <li><a href="#" rel="sustainability">Sustainability</a></li>   
                        <li><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/menu/menu-divider-bg.png" /></li>                                      
                        <li><a href="#">News Room</a></li>     
                        <li><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/menu/menu-divider-bg.png" /></li>                                     
                        <li><a href="#" rel="careers">Careers</a></li>                                                                                                                                                                         
                    </ul>-->
                </div>
                
                <!--<div id="aboutus" class="subMenu">
                    <a href="<?php echo $this->baseurl ?>/about-us/who-we-are">Who we are</a>
                    <a href="organization.php">Organization</a>
                    <a href="">Our Conviction</a>
                    <a href="history.php">History</a>
                    <a href="">Locations</a>
                    <a href="contact-us.php">Contact Us</a>
                    <a href="careers.php">Careers</a>                                                                                                                                          
                </div>
                
                <div id="ourbusiness" class="subMenu">
                    <a href="">Iron, Steel & Non-Ferrous Metal</a>
                    <a href="">Tubular Products</a> 
                    <a href="">Transportation & Construction System</a>
                    <a href="">Infastructure, New Industry Development & Cross Function</a> 
                    <a href="">Chemical, Natural Resources & Living Related</a>                                                                                                                                                                                                                    
                </div> 
                
                <div id="sustainability" class="subMenu">
                    <a href="commitment.php">Commitment</a>   
                    <a href="un-global-compact.php">UN Global Compact</a>   
                    <a href="">Supply Chain CSR</a>                                                                                                                                                                                                                                                                                                                                                                                                       
                </div>                 
                
                <div id="careers" class="subMenu">
                    <a href="who-we-are.php">Who we are</a>   
                    <a href="">People and Culture</a>   
                    <a href="">Development</a>   
                    <a href="join-us.php">Join Us</a>                                                                                                                                                                                                                                                                                                  
                </div>  -->                                
            
                <script type="text/javascript">cssdropdown.startchrome("headerMenu")</script>                  
                
            </span>                                                                           
            
        </div>    
         
        <div id="body">
		
		<jdoc:include type="modules" name="bannerhome" />
		
            <!--<div id="banner-fade">
                <ul class="bjqs">
                    <li><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/image/banner-homepage-1.png"/></li>
                    <li><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/image/banner-homepage-1.png"/></li>
                </ul>
            </div>   -->                                          
			<div id="content">
            	<!-- EDITABLE SECTION -->  
                         		
                <div class="home">
			
			<jdoc:include type="modules" name="threeboxhome" />
			
                	<!--<div class="oneTwo">
                    	<h1>Who We Are</h1>
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                        Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
                        when an unknown printer took a galley of type and scrambled it to make a.industry. 
                        Lorem Ipsum has when an unknown printer took a galley of type.
						crambled unknown printer took a galley of type and scrambled it to make a industry. 
                        <a href="" class="arrow"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/image/icon-circle-arrow.png" /></a>
                    </div><div class="oneTwo">
                    	<h1>Where We Operate</h1>
                        <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/image/home-map.png" />
                        <a href="" class="arrow"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/image/icon-circle-arrow.png" /></a>
                    </div><div class="three noBackground">
                    	<h1>News Room</h1>
						<ul>
                        	<li>
                            	<h2>News Header</h2>
                                Lorem Ipsum has been the industry's standard dummy a.industry. Lorem Ipsumindustry's standard industry. 
                                Lorem  has <a href="">READ MORE</a>
                            </li>
                        	<li>
                            	<h2>News Header</h2>
                                Lorem Ipsum has been the industry's standard dummy a.industry. Lorem Ipsumindustry's standard industry. 
                                Lorem  has <a href="">READ MORE</a>
                            </li>                            
                        </ul>
                        <a href="" class="viewAll">VIEW ALL</a>
                    </div>-->
			
				
			
                </div>
		
		<?php $request = JRequest::get(); if(!in_array($request['Itemid'], array(101)) && ($showRightColumn || $showLeftColumn)) { ?> 
			<div id="content">
				<div class="<?php echo $showRightColumn ? 'whoweare' : 'careers' ?>">
				<div class="left">
				<jdoc:include type="modules" name="midleft" />                                                                                                                                                                                                                                                                                                            
			    </div>
				<div class="middle">
					<jdoc:include type="message" />
					<jdoc:include type="component" />
				</div>
				
				<?php if($showRightColumn) { ?>
				    <div class="right">
					<jdoc:include type="modules" name="midright" />                                                                                            
				    </div>
				<?php } ?>
						
			</div>
				
			</div>
		<?php } ?>
		
		<?php if(!in_array($request['Itemid'], array(101)) && !$showRightColumn && !$showLeftColumn) { ?>
		<div id="content">
		    
            	<!-- EDITABLE SECTION -->
                
                	    <jdoc:include type="message" />
			    <jdoc:include type="component" />
			
		</div>
                
            	<!-- END OF EDITABLE SECTION -->                
            
		
		<?php } ?>
		
                
            	<!-- END OF EDITABLE SECTION -->                  
            </div>           
        </div>
		    <div id="footer">
    	<span>
            <p>
            	Copyright &copy; 2012 Sumitomo Corporation Asia Pte. Ltd.  All Rights Reserved.
				&nbsp; | &nbsp;
                <a href="">Terms and Conditions</a>                                             
            </p>
	    
	    
	    <jdoc:include type="modules" name="footericon" />
            
	    
        </span>   
    </div>      
    </div>
    </div>
    </div>
</body>
</html>
